<template>
	<view>
		<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				latitude: '',
				longitude: '',
				covers: [
				],
				address:'',
			}
		},
		onLoad(option) {
			this.address = option.address
			this.longitude = option.longitude
			this.latitude = option.latitude
			this.covers = [
				{longitude:option.longitude,
				latitude:option.latitude}
			]
			// this.openmaps()
		},
		methods: {
			openmaps() {

				let that = this
				// 获取用户是否开启 授权获取当前的地理位置、速度的权限。
				uni.getSetting({
					success(res) {
						console.log(res)

						// 如果没有授权
						if (!res.authSetting['scope.userLocation']) {
							// 则拉起授权窗口
							uni.authorize({
								scope: 'scope.userLocation',
								success() {
									//点击允许后--就一直会进入成功授权的回调 就可以使用获取的方法了
									// uni.getLocation({
									// 	type: 'wgs84',
									// 	success: function(res) {
									// 		that.longitude = res.longitude
									// 		that.latitude = res.latitude
									// 		console.log(res)
									// 		console.log('当前位置的经度：' + res.longitude)
									// 		console.log('当前位置的纬度：' + res.latitude)
									// 		uni.openLocation({
									// 			latitude: that.latitude,
									// 			longitude: that.longitude,
									// 			name: '郑州市二七区', //去哪的名字
									// 			address: '郑州市二七区航海中路60号海为科技园C区10层' //地址
									// 		});
									// 	},
									// 	fail(error) {
									// 		console.log('失败', error)
									// 	}
									// })
								},
								fail(error) {
									//点击了拒绝授权后--就一直会进入失败回调函数--此时就可以在这里重新拉起授权窗口
									console.log('拒绝授权', error)

									uni.showModal({
										title: '提示',
										content: '若不授权地理位置，小程序部分功能将无法正常使用',
										cancelText: '不授权',
										cancelColor: '#999',
										confirmText: '授权',
										confirmColor: '#FF8A9B',
										success(res) {
											console.log(res)
											if (res.confirm) {
												// 选择弹框内授权
												uni.openSetting({
													success(res) {
														console.log(res.authSetting)
													}
												})
											} else if (res.cancel) {
												// 选择弹框内 不授权
												console.log('用户点击不授权')
											}
										}
									})
								}
							})
						} else {
							// 有权限则直接获取
							uni.openLocation({
								latitude: that.latitude,
								longitude: that.longitude,
								name: '', //去哪的名字
								address: this.address //地址
							});

						}
					}
				})

				// uni.openLocation({
				// 	latitude: this.latitude,
				// 	longitude: this.longitude,
				// 	name: '郑州市二七区',//去哪的名字
				// 	address: '郑州市二七区航海中路60号海为科技园C区10层'//地址
				// });
			},
		}
	}
</script>

<style lang="scss" scoped>
	.map{
		width: 100vw;
		height: 100vh;
	}

</style>
